<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>柒</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="JavaScript/index.js"></script>
    <link rel="stylesheet" href="css/about.css">
</head>

<body>

    <!-- nav -->
    <header id="nav">
        <div class="navbar-container">
            <div class="logo" id="name"><img src="images/index/logo.png" alt="logo"></div>
            <nav>
                <ul class="nav-center">
                    <li><a href="index.html">首页</a></li>
                    <li><a
                            href="https://www.bilibili.com/video/BV1NbEozvEm4/?spm_id_from=333.1387.homepage.video_card.click">讲解视频</a>
                    </li>
                    <li><a href="#foot">仓库</a></li>
                    <li><a href="about.html">关于我们</a></li>
                </ul>
            </nav>
            <div class="right">
                <a href="#">登录</a>
            </div>
            <div id="menu-toggle" class="menu-toggle">☰</div>
        </div>

        <div id="mobile" class="mobile-nav">
            <a href="index.html">首页</a>
            <a
                href="https://www.bilibili.com/video/BV1NbEozvEm4/?spm_id_from=333.1387.homepage.video_card.click">讲解视频</a>
            <a href="#foot">仓库</a>
            <a href="about.html">关于我们</a>
            <a href="#">登录</a>
        </div>
    </header>
    <!-- nav -->

    <!-- banner -->
    <section>
        <div class="banner">
            <img src="images/index/banner.jpg" alt="">
        </div>
    </section>
    <!-- banner -->

    <!-- Side -->
    <div id="side">
        <div class="jiantou"><img src="images/index/copylan.png" alt="Return to the top" id="jiantou"></div>
        <div id="setting"><img src="images/index/settinghei.png" alt=""></div>
    </div>
    <!-- Side -->
    <!--	About-->
    <div id="about">
        <div class="about">
            <div class="about-title">
                <p>关于我们</p>
                <span>About us</span>
            </div>
            <div class="about-cont">
                <div class="about-left">
                    <img src="images/about/logo.png" alt="About us" role="img" title="img">
                </div>
                <div class="about-right">
                    <span>不止于柒</span>
                    <p>一种理念的延伸，象征完整与连接，而我们相信，真正的价值，不止于数字的组合，而在于人与人之间的共振、灵感与信任的交融。柒，象征七个维度的融合：技术、设计、数据、产品、战略、用户、未来。更象征着突破定义、持续演进的可能。
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!--	About-->
    <!--	Join us-->
    <div id="ju">
        <div class="ju">
            <div class="about-title">
                <p>加入我们</p>
                <span>Join us</span>
            </div>
            <div class="biaodan">
                <form>
                    <ul>
                        <li>
                            <input type="text" placeholder="姓名">
                        </li>
                        <li>
                            <input type="text" placeholder="邮箱">
                        </li>
                        <li>
                            <input type="text" placeholder="期待职位">
                        </li>
                        <li>
                            <div class="an">
                                <input type="file" class="ann">
                                <span>上传文件</span>
                            </div>
                        </li>
                        <div class="annn" style="cursor: pointer;">
                            <span>提交</span>
                        </div>
                    </ul>
                </form>
            </div>
        </div>
    </div>
    <!--	Join us-->

    <!-- foot -->
    <div id="foot">
        <div class="foot">
            <p>仓库地址：<a href="https://gitee.com/heyi-private/group-7"
                    style="color: white;">https://gitee.com/heyi-private/group-7</a></p>
            <p>组长：胡晓婷 &nbsp;&nbsp; 仓库名：camellia1323</p>
            <p>组员：叶锦钊 &nbsp;&nbsp; 仓库名：叶锦钊</p>
            <p>组员：李伟文 &nbsp;&nbsp; 仓库名：李伟文</p>
            <p>组员：周超 &nbsp;&nbsp; 仓库名：周超</p>
            <p>组员：何志博 &nbsp;&nbsp; 仓库名：heyi</p>
            <p>Copyright © 2025-2025 第七组 版权所有</p>
        </div>
    </div>
    <!-- foot -->
</body>

</html>